<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>myCustomer</title>
    <!-- Bootstrap CSS -->
    <link rel="stylesheet" href="http://cdn.bootstrapmb.com/bootstrap/4.1.3/css/bootstrap.min.css">
    <!-- my-customer CSS -->
    <link rel="stylesheet" href="css/my-customer.css">
    <link rel="stylesheet" href="css/mobiscroll.custom.min.css">
    <link rel="stylesheet" href="css/tel-note.css">
     <!-- jQuery first, then Popper.js, then Bootstrap JS -->
     <script src="js/jquery-3.2.1.min.js"></script>
     <script src="js/popper.min.js"></script>
     <script src="http://cdn.bootstrapmb.com/bootstrap/4.1.3/js/bootstrap.min.js"></script>
     <!--my-customer JS -->
     <script src="js/my-customer.js"></script>
     <script src="js/mobiscroll.custom.min.js"></script>
     <style>
        /* .section {
            position: relative;
            height: 32px;
            padding-left: 80px;
            padding-right: 15px;
            margin-bottom: 10px;
            box-sizing: border-box;
        } */
        
        .section label {
            position: absolute;
            left: 0;
            top: 0;
            bottom: 0;
            height: 32px;
            line-height: 32px;
            ;
            font-size: 12px;
        }
        
        .section>select,
        .section>input {
            width: 100%;
            height: 100%;
            display: block;
            padding: 0 10px;
            box-sizing: border-box;
            border:none;
        }
        input:focus {
            outline-offset: 0px;
        }
        :focus {
            outline: -webkit-focus-ring-color auto 0px;
        }
    </style>
</head>
<body>
    <!-- 页面主体 -->
    <div class="main">
        <!-- 页面左侧列表 -->
        <div class="main-l">
            <ul>
                <li>
                    <div>0</div>
                    <div>已推荐</div>
                </li>
                <li>
                    <div>287</div>
                    <div>已到访</div>
                </li>
                <li>
                    <div>0</div>
                    <div>已认筹</div>
                </li>
                <li>
                    <div>0</div>
                    <div>已认购</div>
                </li>
                <li>
                    <div>38</div>
                    <div>已签约</div>
                </li>
                <li>
                    <div>0</div>
                    <div>已退房</div>
                </li>
                <li>
                    <div>1010</div>
                    <div>已失效</div>
                </li>
            </ul>
        </div>
        <!-- 页面右侧主体 -->
        <div class="main-r">
            <!-- 页面右侧 固定选项栏 -->
            <div class="main-rtop">
                    <div class="sign-time">
                        <span>签约时间</span>
                        <img src="img/myCustomer/revise1.png">
                    </div>
                    <div class="screen">
                        <span>筛选</span>
                        <img src="img/myCustomer/screen.png">
                    </div>
            </div>
            <!-- 页面右侧 详情列表 -->
            <ul class="main-rlist">
                <li class="rlist-item">
                    <div class="item-head">
                        <div class="head-l">
                            <img src="img/myCustomer/head.png">
                            <span>刘先生</span>
                        </div>
                        <div class="head-r">
                            <a href="customer-details.html">
                                <img src="img/myCustomer/tubiao.png">
                            </a>
                            
                        </div>
                    </div>
                    <div class="item-body">
                        <div class="content-top">
                            <div>
                                <span>推荐时间:</span>
                                <span>
                                    2020-06-20 20:56
                                </span>
                            </div>
                            <div>
                                <span>案场顾问:</span>
                                <span>汪恒宇 </span>
                                (<span>梁一博组-梁一博团队</span>)
                               
                            </div>
                        </div>
                        <div class="content-bottom">
                            <div>
                                <span>签约时间:</span>
                                <span>
                                    2020-06-20 20:56
                                </span>
                            </div>
                            <div>
                                <span>备注内容:</span>
                                <span>刘金凤</span>
                            </div>
                        </div>
                    </div>
                    <div class="item-foot">
                        <div class="foot-left">
                            <div class="tel-img">
                                <img src="
                                img/myCustomer/telephone.png">
                            </div>
                            <div class="note-img">
                                <img src="img/myCustomer/note.png">
                            </div>
                        </div>
                        <div class="foot-right">
                            <a href="customer-details.html">
                                <img src="img/myCustomer/revise.png">
                            </a>
                            
                        </div>
                    </div>
                </li>
                <li class="rlist-item">
                    <div class="item-head">
                        <div class="head-l">
                            <img src="img/myCustomer/head.png">
                            <span>刘先生</span>
                        </div>
                        <div class="head-r">
                            <a href="customer-details.html">
                                <img src="img/myCustomer/tubiao.png">
                            </a>
                        </div>
                    </div>
                    <div class="item-body">
                        <div class="content-top">
                            <div>
                                <span>推荐时间:</span>
                                <span>
                                    2020-06-20 20:56
                                </span>
                            </div>
                            <div>
                                <span>案场顾问:</span>
                                <span>汪恒宇 </span>
                                (<span>梁一博组-梁一博团队</span>)
                               
                            </div>
                        </div>
                        <div class="content-bottom">
                            <div>
                                <span>签约时间:</span>
                                <span>
                                    2020-06-20 20:56
                                </span>
                            </div>
                            <div>
                                <span>备注内容:</span>
                                <span>刘金凤</span>
                            </div>
                        </div>
                    </div>
                    <div class="item-foot">
                        <div class="foot-left">
                            <div class="tel-img">
                                <img src="
                                img/myCustomer/telephone.png">
                            </div>
                            <div class="note-img">
                                <img src="img/myCustomer/note.png">
                            </div>
                        </div>
                        <div class="foot-right">
                            <a href="customer-details.html">
                                <img src="img/myCustomer/revise.png">
                            </a>
                        </div>
                    </div>
                </li>
                <li class="rlist-item">
                    <div class="item-head">
                        <div class="head-l">
                            <img src="img/myCustomer/head.png">
                            <span>刘先生</span>
                        </div>
                        <div class="head-r">
                            <a href="customer-details.html">
                                <img src="img/myCustomer/tubiao.png">
                            </a>
                        </div>
                    </div>
                    <div class="item-body">
                        <div class="content-top">
                            <div>
                                <span>推荐时间:</span>
                                <span>
                                    2020-06-20 20:56
                                </span>
                            </div>
                            <div>
                                <span>案场顾问:</span>
                                <span>汪恒宇 </span>
                                (<span>梁一博组-梁一博团队</span>)
                               
                            </div>
                        </div>
                        <div class="content-bottom">
                            <div>
                                <span>签约时间:</span>
                                <span>
                                    2020-06-20 20:56
                                </span>
                            </div>
                            <div>
                                <span>备注内容:</span>
                                <span>刘金凤</span>
                            </div>
                        </div>
                    </div>
                    <div class="item-foot">
                        <div class="foot-left">
                            <div class="tel-img">
                                <img src="
                                img/myCustomer/telephone.png">
                            </div>
                            <div class="note-img">
                                <img src="img/myCustomer/note.png">
                            </div>
                        </div>
                        <div class="foot-right">
                            <a href="customer-details.html">
                                <img src="img/myCustomer/revise.png">
                            </a>
                        </div>
                    </div>
                </li>
                <li class="rlist-item">
                    <div class="item-head">
                        <div class="head-l">
                            <img src="img/myCustomer/head.png">
                            <span>刘先生</span>
                        </div>
                        <div class="head-r">
                            <a href="customer-details.html">
                                <img src="img/myCustomer/tubiao.png">
                            </a>
                        </div>
                    </div>
                    <div class="item-body">
                        <div class="content-top">
                            <div>
                                <span>推荐时间:</span>
                                <span>
                                    2020-06-20 20:56
                                </span>
                            </div>
                            <div>
                                <span>案场顾问:</span>
                                <span>汪恒宇 </span>
                                (<span>梁一博组-梁一博团队</span>)
                               
                            </div>
                        </div>
                        <div class="content-bottom">
                            <div>
                                <span>签约时间:</span>
                                <span>
                                    2020-06-20 20:56
                                </span>
                            </div>
                            <div>
                                <span>备注内容:</span>
                                <span>刘金凤</span>
                            </div>
                        </div>
                    </div>
                    <div class="item-foot">
                        <div class="foot-left">
                            <div class="tel-img">
                                <img src="
                                img/myCustomer/telephone.png">
                            </div>
                            <div class="note-img">
                                <img src="img/myCustomer/note.png">
                            </div>
                        </div>
                        <div class="foot-right">
                            <a href="customer-details.html">
                                <img src="img/myCustomer/revise.png">
                            </a>
                        </div>
                    </div>
                </li>
            </ul>
        </div>
    </div>
    <!-- 筛选功能 -->
    <div id="shaixuan">
        <div class="shaixuan-left"></div>
        <div class="shaixuan-content">
            <div>推荐时间</div>
            <div class="recommend-time">
                <div class="recbtn section">
                    <input type="text" id="demo_date" class="starttime" placeholder="开始时间"/>
                </div>
                <div class="rec-line"></div>
                <div class="recbtn section">
                    <input type="text" id="demo_date1" class="endtime" placeholder="结束时间"/>
                </div>
            </div>
            <div>首次到访时间</div>
            <div class="firstvisit-time">
                <div class="recbtn section">
                    <input type="text" id="demo_date2" class="starttime" placeholder="开始时间"/>
                </div>
                <div class="rec-line"></div>
                <div class="recbtn section">
                    <input type="text" id="demo_date3" class="endtime" placeholder="结束时间"/>
                </div>
            </div>
            <div class="shaixuan-foot">
                <div class="reset">重置</div>
                <div class="query">查询</div>
            </div>
        </div>
        
    </div>
    <!-- 电话插件 -->
    <div id="telephone">
        <div>
            <div class="tel">18345068265</div>
            <div class="mybtn">
                <div class="cancel">取消</div>
                <div>拨打</div>
            </div>
        </div>
    </div>
    <!-- 短信插件 -->
    <div id="note">
        <div>
            <div class="tel">18345068265</div>
            <div class="mybtn">
                <div class="cancel">取消</div>
                <div>发短信</div>
            </div>
        </div>
    </div>
    <script>
        var theme = "ios";
        var mode = "scroller";
        var display = "bottom";
        var lang = "zh";
        $('#demo_date,#demo_date1,#demo_date2,#demo_date3').mobiscroll().date({
            theme: theme,
            mode: mode,
            display: display,
            lang: lang
        });
    </script>
</body>
</html>